<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2015/9/28 0028
  Time: 10:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page  import="java.util.*" language="java"  pageEncoding="utf-8" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
  <base href="<%=basePath%>">
  <title></title>
  <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" media="screen" />
  <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
  <script src="/jquery/jquery.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/jquery/jquery.form.js"></script>
  <script src="/js/bootstrap-datetimepicker.js"></script>
  <script src="/js/bootstrap-datetimepicker.fr.js"></script>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  <style>
    .header_top{
      overflow:hidden;background-color: #2D352F; height:30px; line-height: 30px; text-decoration:none;
    }
    .header_left{
      text-decoration:none;
      margin-left: 100px;font: 15px Helvetica,Arial,sans-serif;
    }
    .header_right{
      float: right;
      margin-right: 40px;font: 15px Helvetica,Arial,sans-serif;
    }
    .dropdown-menu{
      top: 30px;
      left: auto;
      right: 0;
    }
    .header_font{
      color: #ffffff;
      font: 15px Helvetica,Arial,sans-serif;
      text-decoration:none;
    }
    .header_li{
      float: left;
      margin: 3px;
      padding: 3px;
      list-style-type: none;
    }
    ul{
      margin-top: 0px;
      margin-bottom: 0px;
    }
  </style>
</head>
<body>
<div class="header_top">
  <div style="min-width: 950px">
    <div class="header_left">
      <ul>
        <li class="header_li">
          <a class="header_font" href="http://www.douban.com/">读书</a>
        </li>
        <li class="header_li">
          <a class="header_font" href="http://book.douban.com/">书评</a>
        </li>
        <li class="header_li">
          <a class="header_font" href="book/read_circle.htm">我的圈子</a>
        </li>
      </ul>
    </div>
    <div class="header_right">
      <ul>
        <li class="header_li">
          <a id="settings" class="dropdown-toggle header_font" href="#"  class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
           ${user.name}的账号<span class="caret"></span>
          </a>
        </li>
        <ul id="menu" class="dropdown-menu">
          <li><a href="user/get_profile.htm">个人资料</a></li>
          <li><a href="#">修改密码</a></li>
          <li><a href="" data-toggle="modal" data-target="#upload" onclick="clearForm()">上传电子书</a></li>
          <%--<li role="separator" class="divider"></li>--%>
          <li><a href="user/logout.htm">退出</a></li>
        </ul>
      </ul>
    </div>
  </div>
</div>
</body>
<script>
  $(document).ready(function()
  {
    var settings = $('#settings'),
            menu = $('#menu');

    settings.on('click', function()
    {
      menu.fadeToggle('fast');
    });
  });
</script>
</html>
